* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.box {
  display: -webkit-flex;
  display: flex;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #f8f3f7;
}
.swiper-container {
  height: 100%;
  background: #f8f3f7;
}
.swiper-container .swiper-slide {
  background: #f8f3f7;
  height: 100%;
}
.swiper-container .swiper-slide:nth-child(1) .header {
  width: 100%;
  height: 12rem;
  position: fixed;
  top: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(1) .header .left {
  width: 30%;
}
.swiper-container .swiper-slide:nth-child(1) .header .center {
  flex: 1;
}
.swiper-container .swiper-slide:nth-child(1) .header .center p:nth-child(1) img {
  width: 4.06666667rem;
  height: 4.09333333rem;
}
.swiper-container .swiper-slide:nth-child(1) .header .center p:nth-child(2) {
  font-size: 0.58666667rem;
  color: black;
  padding-top: 0.93333333rem;
}
.swiper-container .swiper-slide:nth-child(1) .footer {
  width: 100%;
  position: fixed;
  bottom: 0;
}
.swiper-container .swiper-slide:nth-child(1) .footer img {
  width: 100%;
}
.swiper-container .swiper-slide:nth-child(2) .header {
  width: 100%;
  height: 8rem;
  position: fixed;
  top: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(2) .header img {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide:nth-child(2) .footer {
  width: 100%;
  height: 6.66666667rem;
  position: fixed;
  bottom: 0;
}
.swiper-container .swiper-slide:nth-child(2) .footer .swiper-hua li:nth-child(1) {
  font-size: 0.77333333rem;
  color: #505454;
  padding-left: 2.66666667rem;
}
.swiper-container .swiper-slide:nth-child(2) .footer .swiper-hua li:nth-child(2) {
  padding-top: 0.66666667rem;
  padding-left: 0.46666667rem;
  font-size: 0.85333333rem;
  color: #e0245e;
}
.swiper-container .swiper-slide:nth-child(2) .footer .swiper-hua li:nth-child(2) a {
  font-size: 0.69333333rem;
  color: #7c7d7f;
}
.swiper-container .swiper-slide:nth-child(2) .footer .swiper-hua li:nth-child(2) span {
  color: #7c7d7f;
}
.swiper-container .swiper-slide:nth-child(3) .header {
  width: 100%;
  height: 9.33333333rem;
  position: fixed;
  top: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(1) {
  width: 20%;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(2) {
  flex: 1;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(2) .a {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(2) .a img {
  width: 0.66666667rem;
  height: 1.90666667rem;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(2) .b p {
  font-size: 0.56rem;
  color: #e54776;
  padding-left: 0.4rem;
  padding-top: 0.93333333rem;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(2) .c img {
  width: 3.52rem;
  height: 3.46666667rem;
  padding-top: 1.33333333rem;
}
.swiper-container .swiper-slide:nth-child(3) .header ul li:nth-child(3) {
  width: 30%;
}
.swiper-container .swiper-slide:nth-child(3) .footer {
  width: 100%;
  height: 5.33333333rem;
  position: fixed;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(3) .footer img {
  width: 6.13333333rem;
  height: 3.33333333rem;
  padding-left: 1.2rem;
}
.swiper-container .swiper-slide:nth-child(4) .header {
  width: 100%;
  height: 9.33333333rem;
  position: fixed;
  top: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(1) {
  width: 20%;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(2) {
  flex: 1;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(2) .a {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(2) .a img {
  width: 0.66666667rem;
  height: 1.90666667rem;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(2) .b p {
  font-size: 0.56rem;
  color: #e54776;
  padding-left: 0.4rem;
  padding-top: 0.93333333rem;
}
.swiper-container .swiper-slide:nth-child(4) .header ul li:nth-child(3) {
  width: 30%;
}
.swiper-container .swiper-slide:nth-child(4) .footer {
  width: 100%;
  height: 5.33333333rem;
  position: fixed;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(4) .footer .tiaoshou {
  width: 4.52rem;
  height: 1.49333333rem;
  background: linear-gradient(#e45f86, #e23c6e);
  border-radius: 7%;
  font-size: 0.58666667rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.49333333rem;
  margin: 0 auto;
}
